.item-bg{
    color: #27282E;
    background: #fff;
    border-radius:0.5rem;
    margin: 0.63rem;
    padding: 0.94rem;
}
.item-header{
    display: flex;
    align-items: center;
    height: 1.25rem;
    position: relative;
}
.item-avatar{
 width: 1.25rem;
 height: 1.26rem;   
 display: inline-block;
 border-radius: 0.625rem;
 margin-right: 0.55rem;
}
.header-avatar{
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 0.625rem;
    display: inline-block;
    margin-right: 0.5rem;
}
.header-content{
    font-size:0.75rem;
    color:rgba(133,136,148,1);
    line-height:0.1.25rem;
    display: inline-block;
    width: calc(100% - 6rem);
}
.header-status{
    position: absolute;
    right: 0;
    color: #FF6314;
}

.item-content-bg{
    margin-top: 0.94rem;
    vertical-align: top;
    display: flex;
    justify-content: flex-start;
}
.item-content-left{
    margin-right: 0.63rem;
    display: inline-block;
}
.item-from-tag{
    width:1.25rem;
    height:1.25rem;
    background:linear-gradient(315deg,rgba(44,48,51,1) 0%,rgba(91,96,102,1) 100%);
    font-size:0.69rem;
    font-weight:bold;
    line-height: 1.25rem;
    border-radius: 0.625rem;
    text-align: center;
    color: #fff;
    
}
.item-line-dashed{
    margin: 0.44rem 0;
    border-left:0.06rem dashed #D2D3D9;
    width:0.06rem;
    height:3.63rem;
    margin-left: 0.62rem;
}
.item-to-tag{
    width:1.25rem;
    height:1.25rem;
    background:linear-gradient(317deg,rgba(255,99,20,1) 0%,rgba(255,149,0,1) 100%);
    font-size:0.69rem;
    font-weight:bold;
    line-height: 1.25rem;
    border-radius: 0.625rem;
    text-align: center;
    color: #fff;
}

.item-content-right{
    display: inline-block;
    width: calc(100vw - 5rem);
}
.item-content-from{
    margin-bottom: 1.88rem;
}
.item-content-title{
    font-size:1rem;
    font-weight:bold;
    color:rgba(39,40,46,1);
    line-height:1rem;
    display: flex;
    align-items: center;
}
.title{
    display: inline-block;
}
.phone{
    display: inline-block;
    margin-left: 0.63rem;
}
.item-content-sub-title {
    margin-top: 0.5rem;
    font-size:0.75rem;
    font-weight:500;
    color:rgba(39,40,46,1);
    line-height:1rem;
    display: flex;
    align-items: center;
}
.title-status{
    display: inline-block;
    margin-right: 0.5rem;
    background:rgba(254,236,226,1);
    color: #FF6314;
    border-radius:0.13rem;
    font-size: 0.69rem;
    padding: 0.19rem 0.31rem;
    white-space: nowrap;
}
.item-content-sub-title .title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item-content-detail{
    margin-top: 0.35rem;
    font-size:0.75rem;
    line-height: 1rem;
    font-weight:500;
    color:rgba(133,136,148,1);
}
.item-content-to{
 margin-bottom: 1rem;   
}

.line{
    height:0.04rem;
    border-top: 0.03rem solid rgba(235,235,237,1);;
}

.record-bg{
    margin-top: 0.31rem;
    height: 2.25rem;
    line-height: 2.25rem;
    position: relative;
}
.record-status{
    font-size:0.75rem;
    font-weight:400;
    line-height: 2.25rem;
    color:rgba(133,136,148,1);
    display: inline-block;
    max-width: 40%;
}
.action-icon-bg{
    position: absolute;
    right: 0;
    top: 0;
}
.icon{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.remark{
    background:rgba(245,245,247,1);
    border-radius:0.31rem;
    padding: 0.81rem 0.94rem;
    font-size:0.88rem;
     
    font-weight:400;
    color:rgba(92,94,102,1);
    line-height:1.19rem;
    margin-top: -0.375rem;
}


